html{width: 100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;min-width: 1200px;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%;-webkit-appearance : none ;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
ins,a{text-decoration:none}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
a{color:inherit;}
input,button{border:0;outline:0;background: transparent;color: #F2F5FF;}
input::-webkit-input-placeholder{color: #728DAF;}
.w1200{width: 1200px;margin: 0 auto;}
 /* 浮动 */
.fl{float: left}
.fr{float: right}
 /* 清浮动 */
.overhide{overflow: hidden;}
.clearfix:after{content: '';display: block;clear: both;}
.clearfix{zoom:1;}
 /* 定位 */
.reltive{position: relative}
.abstrot{position: absolute}
.fixed{position: fixed}
 /* 弹性盒子 */
.flex{display: -webkit-box;display: -ms-flexbox;display: flex}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
.flex2{-webkit-box-flex: 2;-ms-flex: 2;flex: 2}
.between{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.around{-ms-flex-pack: distribute;justify-content: space-around}
.jscenter{justify-content: center}
.alcenter{-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.column{flex-direction: column}
.end{justify-content: flex-end}
 /* 字体 */
body{font-size: 14px;font: 14px/18px Arial,Microsoft YaHei,Tahoma,sans-serif;background:#171c2b;line-height: 1.5;color: #a5bdea;}
.tl{text-align: left}
.tc{text-align: center}
.tr{text-align: right}
.bold{font-weight: 700}
.ft12{font-size: 12px;}
.ft10{font-size: 10px;}
.ft14{font-size: 14px}
.ft15{font-size: 15px}
.ft16{font-size: 16px}
.ft18{font-size: 18px}
.ft20{font-size: 20px}
.ft22{font-size: 22px}
.ft30{font-size: 30px}
.ft36{font-size: 36px}
.fw0{font-weight: 100!important}
/* 外边距 */
.mt4{margin-top: 4px}
.mr4{margin-right: 4px}
.mt5{margin-top: 5px}
.mt8{margin-top: 8px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mt40{margin-top: 45px}
.ml5{margin-left: 5px}
.mr5{margin-right: 5px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml40{margin-left: 40px}
.mr10{margin-right: 10px}
.mr20{margin-right: 20px}
.ml20{margin-left: 20px}
.ml40{margin-left: 40px}
.mb10{margin-bottom: 10px}
.mb20{margin-bottom: 20px;}
.mb50{margin-bottom: 50px;}
/* 内边距 */
.pd5{padding: 5px;}
.pr5{padding-right: 5px}
.pb5{padding-bottom: 5px}
.pl5{padding-left: 5px}
.pl10{padding-left: 10px}
.pr10{padding-right: 10px}
.p10{padding: 10px}
.ptop{padding-top: 0px}
.pr30{padding-right: 30px}
.pb10{padding-bottom: 10px;}
.pt40{padding-top: 40px;}
.plr5{padding-left: 5px;padding-right: 5px;}
.plr10{padding-left: 10px;padding-right: 10px;}
.plr15{padding-left: 15px;padding-right: 15px;}
.plr20{padding-left: 20px;padding-right: 20px;}
.ptb4{padding-top: 4px ;padding-bottom: 4px;}
.ptb5{padding-top: 5px ;padding-bottom: 5px;}
.ptb10{padding-top: 10px;padding-bottom: 10px;}
.ptb20{padding-top: 20px;padding-bottom: 20px;}
.ptb15{padding-top: 15px;padding-bottom: 15px;}
// 宽度
.w10{width: 10%}
.w12{width: 12%}
.w13{width: 13%}
.w15{width: 15%}
.w20{width: 20%}
.w25{width: 25%}
.w30{width: 30%}
.w100{width: 100%}
.h100{height: 100%}
// 高度
.h40{height:40px;line-height: 40px;}

/* 颜色 */
.txtcolor{color: #fff}
.txtgray{color: #7085ac}
.color1{color: #879BAA}
.color2{color: #000}
.color3{color: #CBD4D9}
.color4{color: #666}
.color5{color: #2b343c}
.color1f{color: #1f3f59}
.color8{color: #8c9fad}
.color9{color: #999}
.white{color: #fff;}
.white_gray{color: #728DAF}
.yellow{color: #f1cd78;}
.red{color: #fa5252!important}
.green{color: #12b886}
.blue{color: #357ce1}
.active{color: #357ce1;border-bottom: 1px solid #357ce1}
.actives {color: #fff;border-bottom: 2px solid #357ce1;}
// 背景色
.baseBg{background: #171c2b}
.partBg{background-color: #1a243b}
.upbg{background: #1e2943}
.btnBg{background: #7a98f7}
.grayBg{background: #879BAA}
.bggreen{background: #12b886}
.bgred{background: #fa5252}
.inbg{background: #1e2235}
.seBg{background: #2e3852}

/* 边框 */
.bd{border:1px solid #2e3753;} 
.bdb{border-bottom: 1px solid #2e3753;}
.bdt{border-top: 1px solid #2e3753;}
.bdr{border-right: 1px solid #2e3753;}
.bcolor{border-color:#2e3753;}
.bdactive{border-color: #357ce1;}
// 缩进
.in20{text-indent: 20px;}
// 底部阴影
.bshadow{box-shadow: 0 3px 6px rgba(0,0,0,.1);}
// 圆角
.ratop{border-top-left-radius: 4px;border-top-right-radius: 4px;}
.rabom{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.radius4{border-radius: 4px;}
// hover
.pointer{cursor: pointer;}
.curPer{cursor: pointer;}
// 文本不换行溢出...
.overtext{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/* 文本两行溢出... */
.textover{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
// 滚动条
.overauto{overflow-y: auto}
.scroll::-webkit-scrollbar {width: 4px;background-color: #434f65;}
.scroll::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #2e3753;}
// 其它
.hide{display: none}
.toptitle{height: 40px;line-height: 40px;padding:0 15px;background: #1e2943; font-weight: 700;border-bottom: 1px solid #2e3753}
